@import '../../theme';

.schema-editor {
  width: 100%;
  height: 100%;
  margin: 0 auto;

  &-toggle-buttons {
    margin-bottom: 24px;

    .ant-btn:first-child {
      margin-right: 32px;
    }
  }

  &-editor {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    padding: 24px 32px;
  }

  &-gui {
    .ant-divider-horizontal:nth-last-child(2) {
      margin-top: 0;
    }

    &-route {
      span.r-separator {
        margin: 0 8px;
      }

      span.r-name {
        color: $primary-color;
        cursor: pointer;
      }
    }

    .model-import {
      margin-bottom: 24px;

      &-model-select {
        width: 300px;
        margin-right: 32px;
      }
    }
  }
}
